<!--
 * @Descripttion: 
 * @Author: zhanyi
 * @Date: 2021-10-20 20:14:36
 * @FilePath: \wczd-mobile\src\pages\component\top-panel\secondTopPanel.vue
-->
<template>
  <div class="topPanel">
    <div class="top-panel-cont">
      <image @click="back" src="@/static/wczd/back.png" alt=""></image>
      <slot name="title"></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: 'topPanel',
  components: {},
  data () {
    return {}
  },
  computed: {},
  mounted () { },
  watch: {},
  methods: {
    back () {
      uni.navigateBack({
        delta: 1
      });
    }
  },
}
</script>

<style scoped lang="scss">
.topPanel {
  position: fixed;
  width: 100%;
  background-color: #fff;
  height: 100upx;
  display: flex;
  align-items: center;
	padding-left: 20upx;
  z-index: 20;
  .top-panel-cont {
    display: flex;
    align-items: center;
    image {
      margin-right: 20upx;
      width: 56upx;
      height: 56upx;
    }
    div {
      font-size: 40upx;
      font-weight: bold;
    }
  }
}
</style>
